import React, { useEffect, useRef, useState } from 'react';
import { Tabs } from 'antd';
import PersonnelDimension from './PersonnelDimension';
import SystemDimension from './systemDimension';
import './index.less';

const AuthBoard: React.FC<TableListItem> = (props) => {
  const onChange = (key: string) => {
    console.log(key);
  };

  const items = [
    {
      label: `人员维度`,
      key: '1',
      children: <PersonnelDimension />,
    },
    {
      label: `系统维度`,
      key: '2',
      children: <SystemDimension />,
    },
  ];

  return (
    <div style={{ marginLeft: '30px' }}>
      <Tabs defaultActiveKey="1" onChange={onChange} items={items} />
    </div>
  );
};

export default AuthBoard;
